<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>css 常用属性练习</title>
    <link rel="stylesheet" href="../03/css/main.css">
</head>

<body>
    <header>文豪野犬 · 为野犬干杯
    </header>
    <p>文豪ストレイドッグス · ストレイドッグに</p>

    <main>
        <section>
            <h1 class="bg-demo">文豪野犬</h1>
            <p><img src="../public/images/-5c75b2c941d73f6c.gif" alt="哒宰帅帅！" width="200px" height="120px">
            </p>
            <section>
                <h2>文豪野犬简介</h2>
                <h3>第一季</h3>
                <p>文豪野犬讲述黑手党与武装侦探社的异能力者之间杀人救人的对立战斗，
                    男主中岛敦原在孤儿院生活，后来救了在水面上浮着一双腿的某人——哒宰就这
                    么双腿朝上的呆逼样子出场了，后跟随哒宰和国木寻找“白色老虎”
                    月黑风高，哒宰道出：你就是那只老虎~瞬间敦敦异能开——月下兽异能发动，
                    变成白虎，哒宰躲避于一角，白虎猛扑之时，发动异能力——人间失格，异能无效化
                    嘿嘿嘿嘿敦敦一下子就恢复了倒地。之后就是敦敦跟随哒宰和国木去了武装侦探社成为其中一员，跟随这些社员们共同对抗
                    最大反派黑手党，与芥川龙之介接触后与其相爱相杀，救出了镜花，阻止了他们的杀人行为
                </p>
                <h3>第二季</h3>
                <p>
                    第二季是钞能力组织团队入侵横滨，想将整个横滨摧毁，于是黑手党和武装侦探社达成可能或许是的“联手”，
                    （当然见面还是干架）共同守卫横滨，哒宰和chuya重新合作双黑回归~当然双方都不情愿（哈哈嘎）chuya大小姐使用完能力倒地
                    后哒宰还是挥挥手走人了嘎嘎）最后打钞能力的时候敦敦和芥芥也共同联手一黑一白 power！！！！
                    为文豪野犬干杯！！！</p>
                <h3>第三季</h3>
                <p>第三季开头暴爽讲哒宰和chuya的十五岁！啊啊啊这俩帅小伙刚见面就干架，chuya还给哒宰猛来了一脚
                    后面被哒宰牢牢掌控玩弄的跟一只狗一样（yi nu ga！yi nu ！！）命运的十指相扣！！
                    后面chuya还是加入了黑手党，哒宰看到他及其不爽两人一见面就在那吵吵轰轰（社长和红姐：这两人关系真好呢~）
                </p>
            </section>
            <div>哒宰❥chuya
            </div>
            <h2>太宰治·人间失格</h2>
            <img src="../01/images/哒宰！.jpg" alt="哒宰·人间失格" width="300px" height="180px">
            <h2>中原中也·污浊了的悲伤之中</h2>
            <img src="../public/images/chuya.png" alt="chuya·污浊了的忧伤之中" width="300px" height="180px">
            <p></p>
            <p></p>
        </section>
    </main>
    <footer>
        <span>|双黑实力吹|</span><span>|人间失智|</span>
        <span>| human_loss_of_intelligence|</span>

    </footer>
</body>

</html>